<!--freemarker 指令-->

<#include "common/head.html" >
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="get" action="/user/list">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>用户名：</span>
					 <input name="queryname" class="input-text"	type="text" value="${queryname }">
					 
					 <span>用户角色：</span>
					 <select name="queryUserRole">
						 <option value="0">请选择</option>
						 <#list roleList as role>
							 <option value="${role.id}"
									 ${(role.id==queryUserRole)?string('selected','')}>
								 ${role.roleName}
							 </option>
						 </#list>
	        		</select>
					 
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="/user/toadd" >添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
                    <th width="30%">操作</th>
                </tr>
<!--				freemarker 遍历-->
				<#list pageInfo.records as user>
				<tr>
					<td>
					<span>${user.userCode }</span>
					</td>
					<td>
					<span>${user.userName }</span>
					</td>
					<td>
						<span>
							${(user.gender==1)?string('男','女')}
						</span>
					</td>
					<td>
					</td>
					<td>
					<span>${user.phone}</span>
					</td>
					<td>
						<span>${user.roleName}</span>
					</td>
					<td>
					<span><a class="viewUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyUser" href="/user/get?id=${user.id}" userid=${user.id } username=${user.userName }><img src="/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="/images/schu.png" alt="删除" title="删除"/></a></span>
					</td>
				</tr>
				</#list>
			</table>
			<div class="page-bar">
				<ul class="page-num-ul clearfix">
					<li>共${pageInfo.total }条记录&nbsp;&nbsp; ${pageInfo.current }/${pageInfo.pages }页</li>
					<#if pageInfo.hasPrevious()>
						<a href="javascript:page_nav(document.forms[0],1);">首页</a>
						<a href="javascript:page_nav(document.forms[0],${pageInfo.current - 1});">上一页</a>
					</#if>
					<#if pageInfo.hasNext()>
						<a href="javascript:page_nav(document.forms[0],${pageInfo.current+1 });">下一页</a>
						<a href="javascript:page_nav(document.forms[0],${pageInfo.pages });">最后一页</a>
					</#if>
					&nbsp;&nbsp;
				</ul>
				<span class="page-go-form"><label>跳转至</label>
				 <input type="text" name="inputPage" id="inputPage" class="page-key" />页
				 <button type="button" class="page-btn" onClick='jump_to(document.forms[0],document.getElementById("inputPage").value)'>GO</button>
				</span>
			</div>
		</div>
    </section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<#include "common/foot.html" >
<script type="text/javascript">
	$(function (){
		$(".deleteUser").click(function () {
			var userid = $(this).attr("userid");
			if(confirm("是否要删除?")){
				$.ajax({
					url:"/user/delete?id="+userid,
					success:function (flag) {
						if(flag){
							location.reload();//重新
						}else{
							alert("删除失败")
						}
					},
					error:function () {
						alert("删除失败")
					}
				})
			}
		})
	})
</script>